<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>woo menu</title>
<style type="text/css">
/* Page */
body,html,div,blockquote,img,label,p,h1,h2,h3,h4,h5,h6,pre,ul,ol,li,dl,dt,dd,form,a,fieldset,input,th,td{border:0;outline:none;margin:0;padding:0;}
ul{list-style:none;}

body {font: normal 13px Arial, sans-serif;}
h2 {font: normal 26px Arial, sans-serif; padding: 20px 0; margin: 0 0 30px 0;}
.wrap {width: 960px; margin: 0 auto;}
.demo-container {padding: 20px 0;}
.demo-container h4 {font-size: 14px; margin: 0 0 5px 0;}

/* Mega Menu Styles */
.mega-menu ul, .mega-menu ul li {list-style: none;}
.mega-menu ul {position: relative; padding: 0; margin: 0;}
.mega-menu ul li ul {display: none;}
.mega-menu .sub {display: none;}
.mega-menu .sub ul {display: block;}
</style>
<link rel="stylesheet" type="text/css" href="css/skins/blue.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type='text/javascript' src='js/jquery.hoverIntent.minified.js'></script>
<script type='text/javascript' src='js/jquery.dcmegamenu.1.2.js'></script>
<script type="text/javascript">
$(document).ready(function($){
	$('#mega_menu').dcMegaMenu({
		rowItems: '3',
		speed: 'fast',
		effect: 'fade'
	});
});
</script>
</head>

<body>
<div class="wrap">
	<div class="blue">
        <ul id="mega_menu" class="mega-menu">
            <li><a href="#">Home</a></li>
            <li>
            	<a href="#">Products</a>
                <ul>
                    <li>
                        <a href="#">Mobile Phones &#038; Accessories</a>
                        <ul>
                            <li><a href="#">Product 1 Product 1 Product 1 Product 1</a></li>
                            <li><a href="#">Product 2</a></li>
                            <li><a href="#">Product 3</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="#">Desktop</a>
                        <ul>
                            <li><a href="#">Product 4</a></li>
                            <li><a href="#">Product 5</a></li>
                            <li><a href="#">Product 6</a></li>
                            <li><a href="#">Product 7</a></li>
                            <li><a href="#">Product 8</a></li>
                            <li><a href="#">Product 9</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="#">Laptop</a>
                        <ul>
                            <li><a href="#">Product 10</a></li>
                            <li><a href="#">Product 11</a></li>
                            <li><a href="#">Product 12</a></li>
                            <li><a href="#">Product 13</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="#">Accessories</a>
                        <ul>
                            <li><a href="#">Product 14</a></li>
                            <li><a href="#">Product 15</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="#">Software</a>
                        <ul>
                            <li><a href="#">Product 16</a></li>
                            <li><a href="#">Product 17</a></li>
                            <li><a href="#">Product 18</a></li>
                            <li><a href="#">Product 19</a></li>
                        </ul>
                    </li>
                </ul>
            </li>
            <li>
                <a href="#">Sale</a>
                <ul>
                    <li><a href="#">Special Offers</a>
                        <ul>
                            <li><a href="#">Offer 1</a></li>
                            <li><a href="#">Offer 2</a></li>
                            <li><a href="#">Offer 3</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="#">Reduced Price</a>
                        <ul>
                            <li><a href="#">Offer 4</a></li>
                            <li><a href="#">Offer 5</a></li>
                            <li><a href="#">Offer 6</a></li>
                            <li><a href="#">Offer 7</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="#">Clearance Items</a>
                        <ul>
                            <li><a href="#">Offer 9</a></li>
                        </ul>
                    </li>
                    <li class="menu-item-129">
                        <a href="#">Ex-Stock</a>
                        <ul>
                            <li><a href="#">Offer 10</a></li>
                            <li><a href="#">Offer 11</a></li>
                            <li><a href="#">Offer 12</a></li>
                            <li><a href="#">Offer 13</a></li>
                        </ul>
                    </li>
                </ul>
            </li>
            <li>
                <a href="#">About Us</a>
                <ul>
                    <li><a href="#">About Page 1</a></li>
                    <li><a href="#">About Page 2</a></li>
                </ul>
            </li>
            <li>
                <a href="#">Services</a>
                <ul>
                    <li>
                        <a href="#">Service 1</a>
                        <ul>
                            <li><a href="#">Service Detail A</a></li>
                            <li><a href="#">Service Detail B</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="#">Service 2</a>
                        <ul>
                            <li><a href="#">Service Detail C</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="#">Service 3</a>
                        <ul>
                            <li><a href="#">Service Detail D</a></li>
                            <li><a href="#">Service Detail E</a></li>
                            <li><a href="#">Service Detail F</a></li>
                        </ul>
                    </li>
                    <li><a href="#">Service 4</a></li>
                </ul>
            </li>
            <li><a href="#">Contact us</a></li>
        </ul>
	</div>
</div>
</body>
</html>
